@layout("/common/container.html", {"title" : "文件上传", "plugin": "dropzone"}){
<div class="card">
    <#card:head title="文件上传" icon="la la-bars"/>
    <div class="card-body">
        <form class="e-form">

            <div class="e-section">
                <div class="e-section-title">拖动上传</div>
                <div class="e-section-content">
                    <#form:fileUpload id="dropzone-1" tips="仅允许上传.png, .jpg, .gif, .jpeg, .bmp文件"/>
                </div>

                <div class="e-separator e-separator--dashed"></div>
                <div class="e-section-title">表单风格</div>
                <div class="e-section-content">
                    <div class="form-group form-group-last row">
                        <label class="col-lg-3 col-form-label">上传文件:</label>
                        <div class="col-lg-9">
                            <#form:fileUploadMini id="dropzone-2" tips="请选择5MB以下的图片，最多不超过5个。"/>
                        </div>
                    </div>
                    <div class="form-group form-group-last row">
                        <label class="col-lg-3 col-form-label">已上传:</label>
                        <div class="col-lg-9">
                            <table class="table" id="file-list">
                                <thead>
                                    <tr>
                                        <th>文件名称</th>
                                        <th>大小</th>
                                        <th>操作</th>
                                    </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
<!--begin::页面脚本 -->
<#script src="static/modular/sample/file/upload/view.js" />
<!--end::页面脚本 -->
@}